<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>file/shell/smooth/resources/css/jquery.dataTables.css" />

<div class="page-title">
  <h2>Data Outlet</h2>
</div>

<?php
  $msg = $this->session->flashdata('message');
  $div_class = $this->session->flashdata('div_class');

  if($msg){
  echo '<div class="box"><div id="box-messages">
      <div class="messages">
        <div id="message-success" class="message message-'.$div_class.'">
          <div class="image">
            <img src="'. base_url() .'file/shell/smooth/resources/images/icons/'.$div_class.'.png" alt="Success" height="32" />
          </div>
          <div class="text"><h6>'. $msg .'</h6></div>
          <div class="dismiss"><a href="#message-success"></a></div>
        </div>
      </div>
    </div></div>';
  }
?>

<div id="outlet-tabs">
  <ul>
    <li><a href="#outlet-new">New</a></li>
    <li><a href="#outlet-edited">Edited</a></li>
    <li><a href="#outlet-active">Registered</a></li>
  </ul>
  <div id="outlet-new"><?php $this->load->view('partner/grid_outlet_new'); ?></div>
  <div id="outlet-edited"><?php $this->load->view('partner/grid_outlet_edited'); ?></div>
  <div id="outlet-active"><?php $this->load->view('partner/grid_outlet_active'); ?></div>
</div>

<script type="text/javascript">
$(document).ready(function() {
  $( "#outlet-tabs" ).tabs();
});
</script>